@import './variables/colors.scss';
// $--color-primary: var(--color-primary);
// $--font-path: 'element-ui/packages/theme-chalk/lib/fonts';
// @import "element-ui/packages/theme-chalk/src/index.scss";

::v-deep {
  .el-table thead {
    color: #606266;
  }

  .el-table th.el-table__cell {
    background-color: #f5f5f5;
  }
  .el-scrollbar__wrap {
    overflow: auto !important;
  }

  // .is-horizontal {
  //   display: none;
  // }

  .el-aside {
    background-color: var(--color-sidebar) !important;
    height: 100%;
  }

  .el-menu {
    border-right: none;
  }

  .el-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px !important;
  }

  .el-table th.el-table__cell {
    // background-color: $--color-sidebar !important;
  }
}

// .el-divider__text,
// .el-image__error,
// .el-link,
// .el-timeline,
// .el-transfer__button i,
// .el-transfer__button span {
//   font-size: 12px;
// }

/*重置组件选中时颜色*/
.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label,
.el-pager li.active,
.el-cascader-node.is-active,
.el-cascader-node.in-active-path,
.el-cascader-node.is-selectable.in-checked-path {
  color: var(--color-primary);
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-button.el-button--primary,
.is-checked .el-switch__core,
.el-switch.is-checked .el-switch__core {
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.el-input-number:hover {
  border-color: var(--color-primary);
}

//loading颜色
.el-loading-spinner .path {
  stroke: var(--color-primary);
}

//步骤条
.el-step__head.is-finish {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-step__title.is-finish {
  color: var(--color-primary);
}

//弹框底部
.el-dialog__footer {
  padding: 10px 20px 10px;
  text-align: right;
  box-sizing: border-box;
  border-top: 1px solid #dcdfe6;
}

.el-dialog__header {
  padding: 15px 20px;
  border-bottom: 1px solid #dcdfe6;
}

.el-page-header__content {
  font-size: 14px;
}

//  .el-link{
//   font-size: 12px;
// }
// .el-button{
//   &:hover,
// &:focus {
//   color: $--color-primary;
//   border-color: $--color-primary-light-7;
//   background-color: $--color-primary-light-9;
// }

// &:active {
//   color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
//   border-color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
//   outline: none;
// }
// }

// .el-button:focus,
// .el-button:hover {
//   color: var(--color-primary);
//   border-color: #c6e2ff;
//   background-color: #ecf5ff;
// }

// .el-button.el-button--text:hover,.el-button.el-button--text:active,
// .el-button.el-button--text:focus{
//   border-color: unset;
//   background-color: unset;
// }

// .el-button.el-button--primary:hover,
// .el-button.el-button--primary:active,
// .el-button.el-button--primary:focus {
//   color: #fff;
//   border-color: var(--color-primary);
//   background-color: rgba(var(--color-primary), 0.9);
//   // opacity: 0.8;
// }
